/* 顶部样式开始 */
#head .head-top{
    width: 100%;
    height: 30px;
    background-color: black;
    color: white;
}
#head .head-top div{
    height: 30px;
    /* 行高 */
    line-height: 30px;
}
#head .head-top .head-top-a{
    color: white;
}

/* 顶部菜单样式开始 */
#head .head-menu .img-top{
    margin-top: -40px;
}
#head .head-menu form{
    /* margin外边距 盒子和盒子之间的距离 
      四个参数分别为 上右下左
    */
    margin: 0px 56px 0px 200px;
}
#head .head-menu form input{
    width: 500px;
    height: 38px;
    border: 2px solid #f60;
    /* 去掉input聚焦后的默认边框 就是点击input框之后的效果 */
    outline: none;
}
#head .head-menu form button{
    width: 50px;
    height: 37px;
    background-image: url(../img/bgicon.png);
    border: none;
    top: 3px;
    right: 3px;
}
#head .head-menu .menu-shop{
    margin-top: 10px;
}
#head .head-menu .menu-shop button{
    width: 118px;
    height: 40px;
    background-color: #e2e2e2;
    border: none;
    font-size: 16px;
    color: #908d8d;
}
#head .head-menu .menu-shop .btn{
    background-image: url(../img/bgicon.png);
    /* 精灵图定位
    参数1：代表x轴定位
    参数2: 代表y轴定位
    */
    background-position: 0px -38px;
    /* 背景图不平铺 */
    background-repeat: no-repeat;
    color: white;
    /* 字体大小 */
    font-size: 18px;
    background-color: #f60;
    padding-left: 30px;
}
/* #head .head-menu .menu-shop .btn span{
    padding-left: 30px;
} */
/* 头部导航样式开始 */
#head .head-menu ul{
    position: absolute;
    left: 213px;
    top: 57px;
}
#head .head-menu ul li{
    float: left;
    margin:0px 20px;
    /* 字体加粗 */
    font-weight: 700;
}
/* 导航栏样式开始 */
#nav .left-nav{
    width: 200px;
    background-color: #e2e2e2;
}
#nav .left-nav ul li p{
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    border: 1px solid transparent;
}
#nav .left-nav ul li .left-box{
    width: 1000px;
    height: 415px;
    top: 0px;
    left: 199px;
    border: 1px solid;
    display: none;
}
/* 配合js或者jq样式 */
#nav .left-nav ul li .active_p{
    border: 1px solid;
    border-color: #f60 transparent #f60 #f60;
    background-color: white;
    color: #f60;
    font-size: 14px;
    /* 相对定位 为了让p 标签覆盖右侧的div */
    position: relative;
    /* 配合覆盖 层级 谁数字大 就显示在上面 */
    z-index: 888;
}
#nav .left-nav ul li .active_box{
    display: block;
    border: 1px solid #f60;
    /* 配合覆盖 层级 */
    z-index: 777;
    background-color: pink;
}
/* 轮播图字体颜色开始 */
#bannerInner .controls li{
    color:white;
} 
/* 轮播图按钮字体颜色结束 */
/* 今日推荐样式开始 */
#recommend .reco-p{
    font-size: 20px;
    color: #f60;
    margin-top: 20px;
    border-bottom: 4px solid #f60;
}
#recommend ul li{
    width: 200px;
    border: 1px solid #f60;
    float: left;
    /* 怪异盒子 盒子宽度是你设置的宽度 不会随着边框的宽度增加而增加 */
    box-sizing: border-box;
}
#recommend ul li .reco-img{
    width: 193px;
}
#recommend ul li p{
    padding: 0px 10px;
}
/* 今日推荐样式结束 */
/* 图书 电子书样式开始 */
#book,#clothing,#outsport,#child{
    margin-top: 40px;
}
#book .book_left{
    width: 900px;

    /* border: 1px solid; */
}
#book .book_left .book_left_top ,#clothing .clothing_left .clothing_left_top{
    height: 50px;
    line-height: 50px;
    border-bottom: 4px solid #f60;
    box-sizing: border-box;
}

#book .book_left .book_left_top li,#clothing .clothing_left .clothing_left_top li{
    float: left;
}
/* 伪元素 */
#book .book_left .book_left_top li:nth-child(2),#clothing .clothing_left .clothing_left_top li:nth-child(2){
    margin: 0px 20px;
}
#book .book_left .book_lb_left ul:nth-child(2),#clothing .clothing_left .clothing_clo_left ul:nth-child(2){
    margin: 0px 20px;
}
#book .book_left .book_lb_left .book_backcolor{
  
    background-color: #f9f9f9;
}
#book .book_left .book_lb_left .book_backcolor ul li{
    margin-top: 15px;
}
/* 左侧下右0 */
#book .book_left .book_lb_right{
    width: 663px;
    display:none;
}
#book .book_left .book_lb_right li{
    width: 165px;
    float: left;
    border: 1px solid grey;
    height: 216px;
    box-sizing: border-box;
}
/* 轮播图按钮控件位置 */
#book .book_left .book_lb_right ul li .pptbox .controls{
    position: absolute !important;
    left: 40px !important;
    margin-left: 58px;
}
/* 奥运狂欢的li标签盒子样式 */
#book .book_left .book_lb_right .li_pl{
    padding-left: 3px;
}
/* 奥运狂欢的第一个p标签样式 */
#book .book_left .book_lb_right .li_pl .pmargin{
    margin-top: 20px;
}
/* li标签价格样式 */
#book .book_left .book_lb_right .li_pl .p_fs_c{
    height: 33px;
    line-height: 33px;
}
#book .book_left .book_lb_right .li_pl .p_fs_c s{
    color: #999;
}
/* 电子书轮播图的宽度 */
#book .book_left .book_lb_right li:nth-child(1){
    width: 330px;
}
/* 电子书区域配合js的样式 */
#book .book_left .book_lb_right.active_bookri{
    display: block;
}
#book .book_left .book_left_top li.active_li{
    background-color: #f60;
    color: #fff;
}
/* 右侧开始 */
#book .book_right{
    width: 280px;
    height: 437px;
    /* background-color: khaki; */
    margin-left: 10px;
    margin-top: 50px;
    border: 1px solid #ccc;
}
#book .book_right h2{
    color: #ccc;
    margin-top: 10px;
}
#book .book_right>ul{
    margin-top: 10px;
}
/* #book .book_right>ul>li:not(:last-child){
    /* border-bottom: 1px solid #ccc; */
    /* padding: 5px 5px; */
/* } */ 

#book .book_right>ul>li::after {
    content: '';
    width: 90%;
    height: 0px;
    display: block;
    /* 设置线的缺口在哪里 */
    margin: 0 0 0 25px;
    border-bottom: 1px solid #ccc;
}
#book .book_right>ul>li>span{
    top: 6px;
    left: 5px;
    /* color: red; */
    font-size: 16px;
}
#book .book_right>ul>li>h3{
    margin-left: 25px;
    height: 40px;
    line-height: 40px;
}

#book .book_right>ul>li>div{
    margin-left: 20px;
    display: none;
    /* pointer-events: none; */
  
}
#book .book_right>ul>li>div>p{
    width: 113px;
    margin-left: 10px;
    margin-top: 3px;
}
/* #book .book_right ul .book_right_child{
    border: 1px solid grey;
    padding:5px 10px;
} */
/* 配合js的样式 */
#book .book_right>ul>li>div.active_img{
    display: block;
}
#book .book_right>ul>li>h3.active_h3{
    display: none;
}
/* 图书 电子书结束 */
/* 服装样式开始 */
#clothing .clothing_left{
    width: 1200px;

    /* border: 1px solid; */
} 
/* 重复样式 */
/* #clothing .clothing_left .clothing_left_top{
    height: 50px;
    line-height: 50px;
    border-bottom: 4px solid #f60;
}

#clothing .clothing_left .clothing_left_top li{
    float: left;
}
/* 伪元素 */
/* #clothing .clothing_left .clothing_left_top li:nth-child(2){
    margin: 0px 20px;
}
#clothing .clothing_left .clothing_clo_left ul:nth-child(2){
    margin: 0px 20px;
} */ 
#clothing .clothing_left .clothing_left_buttom{
    display: none;
}
/* 左侧图片下面的文字部分 */
#clothing .clothing_left .clothing_left_buttom .clothing_clo_left .cloth_backcolor{
    /* background-color: pink; */
    background-color: #f9f9f9;
    width: 238px;
    height: 160px;
}
#clothing .clothing_left .clothing_left_buttom .clothing_clo_left .cloth_backcolor ul li{
    margin-top: 20px;
    margin-left: 14px;
}
/* 右侧中间部分 */
#clothing .clothing_left .clothing_left_buttom .clothing_clo_middle{
    width: 430px;
    /* display:none; */
    height: 468px;
    background-color: blue;
}
#clothing .clothing_left .clothing_left_buttom .clothing_clo_middle ul li .pptbox .controls,#outsport .outsport_left .outsport_left_buttom .outsport_clo_middle ul li .pptbox .controls,#child .child_left .child_left_buttom .child_clo_middle ul li .pptbox .controls{
    position: absolute !important;
    left: 84px !important;
    margin-left: 58px;
    bottom: 10px !important;
}
/* #clothing .clothing_left .clothing_clo_middle li{
    width: 165px;
    float: left;
    border: 1px solid grey;
    height: 216px;
    box-sizing: border-box;
} */
/* 电子书轮播图的宽度 */
#clothing .clothing_left .clothing_left_buttom .clothing_clo_middle li:nth-child(1){
    width: 430px;
    height: 349px;
}
#clothing .clothing_left .clothing_left_buttom .clothing_clo_right .clothing_right_top ul li img{
    width: 177px;
    height: 349px;
    border: #908d8d 2px solid;
    box-sizing: border-box;
}
#clothing .clothing_left .clothing_left_buttom .clothing_clo_right .clothing_right_buttom ul li img{
    width: 177px;
    height: 160px;
    border: #908d8d 2px solid;
    box-sizing: border-box;
}
/* 服装底部 */
/* #clothing .clothing_bottoms{

} */
/* 电子书区域配合js的样式 */
#clothing .clothing_left .clothing_left_buttom.active_cloth{
    display: block;
}
#clothing .clothing_left .clothing_left_top li.active_lis{
    background-color: #f60;
    color: #fff;
}
/* 服装样式结束 */
/* 户外运动开始 */
#outsport .outsport_left,#child .child_left{
    width: 1200px;

    /* border: 1px solid; */
} 
/* 重复样式 */
#outsport .outsport_left .outsport_left_top,#child .child_left .child_left_top{
    height: 50px;
    line-height: 50px;
    border-bottom: 4px solid #f60;
}

#outsport .outsport_left .outsport_left_top li,#child .child_left .child_left_top li{
    float: left;
}
/* 伪元素 */
#outsport .outsport_left .outsport_left_top li:nth-child(2),#child .child_left .child_left_top li:nth-child(2){
    margin: 0px 20px;
}
#outsport .outsport_left .outsport_clo_left ul:nth-child(2),#child .child_left .child_clo_left ul:nth-child(2){
    margin: 0px 20px;
} 
#outsport .outsport_left .outsport_left_buttom,#child .child_left .child_left_buttom{
    display: none;
}
/* 左侧图片下面的文字部分 */
#outsport .outsport_left .outsport_left_buttom .outsport_clo_left .outsport_backcolor,#child .child_left .child_left_buttom .child_clo_left .child_backcolor{
    /* background-color: pink; */
    background-color: #f9f9f9;
    width: 238px;
    height: 160px;
}
#outsport .outsport_left .outsport_left_buttom .outsport_clo_left .outsport_backcolor ul li,#child .child_left .child_left_buttom .child_clo_left .child_backcolor ul li{
    margin-top: 20px;
    margin-left: 14px;
}
/* 右侧中间部分 */
#outsport .outsport_left .outsport_left_buttom .outsport_clo_middle,#child .child_left .child_left_buttom .child_clo_middle{
    width: 430px;
    /* display:none; */
    height: 468px;
    background-color: blue;
}
/* 户外运动电子书轮播图的宽度 */
#outsport .outsport_left .outsport_left_buttom .outsport_clo_middle li:nth-child(1),#child .child_left .child_left_buttom .child_clo_middle li:nth-child(1){
    width: 430px;
    height: 349px;
}
#outsport .outsport_left .outsport_left_buttom .outsport_clo_right .outsport_right_top ul li img,#child .child_left .child_left_buttom .child_clo_right .child_right_top ul li img{
    width: 177px;
    height: 349px;
    border: #908d8d 2px solid;
    box-sizing: border-box;
}
#outsport .outsport_left .outsport_left_buttom .outsport_clo_right .outsport_right_buttom ul li img,#child .child_left .child_left_buttom .child_clo_right .child_right_buttom ul li img{
    width: 177px;
    height: 160px;
    border: #908d8d 2px solid;
    box-sizing: border-box;
}
/* 户外运动区域配合js的样式 */
#outsport .outsport_left .outsport_left_buttom.active_outsport{
    display: block;
}
#outsport .outsport_left .outsport_left_top li.active_liss{
    background-color: #f60;
    color: #fff;
}
/* 户外运动结束 */
/* 童装开始 */
/* 童装区域配合js的样式 */
#child .child_left .child_left_buttom.active_child{
    display: block;
}
#child .child_left .child_left_top li.active_lisc{
    background-color: #f60;
    color: #fff;
}
/* 童装结束 */
/* 家具日用开始 */
#furniture .furniture_nav{
    width: 1200px;
    height: 50px;
    line-height: 50px;
    margin-top: 40px;
    border-bottom: 4px solid #f60;
}
#furniture .furniture_buttom .furniture_right_top ul li img{
    width: 178px;
    height: 337px;
    border: #908d8d 2px solid;
    box-sizing: border-box;

}
#furniture .furniture_buttom .furniture_right_buttom ul li img{
    width: 178px;
    height: 163px;
    border: #908d8d 2px solid;
    box-sizing: border-box;
    
}
/* 家居日用结束 */
/* 推广开始 */
#extension .extension_nav{
    width: 1200px;
    height: 50px;
    line-height: 50px;
    margin-top: 40px;
    border-bottom: 4px solid #f60;
}
#extension .extension_buttom ul .extension_box{
    margin-top: 5px;
    width: 148px;
    height: 238px;
    /* background-color: antiquewhite; */
    padding: 30px 30px 20px 30px;
    margin-left: 26px;

}
#extension .extension_buttom ul .extension_box:hover{
    background-color: lightgrey;
}
#extension .extension_buttom ul .extension_box .ext_p{
    width: 135px;
    margin-left: 10px;
    
}
#extension .extension_buttom ul .extension_box .ext_p2{
    text-align: left;
    margin-left: 10px;
    margin-top: 3px;
}
#extension .extension_buttom ul .extension_box .ext_p3{
    text-align: left;
    margin-left: 10px;
    color: #908d8d;
    margin-top: 3px;
}
/* 推广结束 */
/* 尾部开始 */
#foot .foot_top{
    margin-top: 20px;
    width: 100%;
    height: 95px;
    background-color: lightgrey;
    border-top: #f60 4px solid;
}
#foot .foot_top ul{
    width: 850px;
    height: 70px;
    line-height: 70px;
    /* background-color: aqua; */
    margin: 10px auto;
    /* margin-top: 10px; */
    /* margin: 0 auto; */
}
#foot .foot_top ul li{
    margin-left: 65px;
}
#foot .foot_buttom .foot_down_list{
    width: 900px;
    height: 162px;
    margin-left: 250px;
    /* background-color: aquamarine; */
}
#foot .foot_buttom .foot_down_list .foot_list1{
    width: 130px;
    height: 145px;
    /* padding: 20px 24px 10px 24px; */
    margin-top: 30px;
    /* margin-left: 65px; */
    /* background-color: aquamarine; */
    /* text-align: center; */
}

#foot .foot_buttom .foot_down_list .foot_list1 ul li{
    padding: 5px 24px 0px 24px;
}
#foot .foot_buttom .foot_down_list .foot_list2{
    width: 150px;
    height: 145px;
    margin-top: 30px;
}
#foot .foot_buttom .foot_down_list .foot_list2 ul li{
    padding: 5px 24px 0px 24px;
}
#foot .foot_buttom .foot_down_list .foot_img{
    /* background-color: #f60; */
    /* width: 90px; */
    /* height: 85px; */
    padding-top: 48px;
    padding-right: 54px;
}
#foot .foot_ptext{
    margin: 0 auto;
    width: 690px;
    height: 66px;
    /* background-color: #f60; */
    margin-bottom: 20px;

}
#foot .foot_ptext ul li{
    margin-right: 10px;
}
#foot .foot_ptext p{
    text-align: center;
    margin-top: 20px;
    
}
#foot .foot_top>img{
    margin-right: 30px;
}
#foot .foot_top>div{
    position: relative;
    top: -144px;
    left: 1180px;
}
/* 尾部结束 */